<!--
 * @Author: maomao
 * @Date: 2021-06-02 16:28:37
 * @Description: 
 * @FilePath: \client-app\src\views\drug\components\create-middle.vue
-->
<template>
  <div>
    <DxButton text="添加药品!" style="margin:10px" @click="changeShowList(0)" />
    <DxButton text="添加规格!" style="margin:10px" @click="changeShowList(1)" />
    <DxButton
      text="添加中草药规格!"
      style="margin:10px"
      @click="changeShowList(2)"
    />
    <DxButton
      text="添加用法用量预设!"
      style="margin:10px"
      @click="changeShowList(3)"
    />
    <DxButton
      text="添加药品配伍禁忌!"
      style="margin:10px"
      @click="changeShowList(4)"
    />
    <DxButton
      text="添加对应处方!"
      style="margin:10px"
      @click="changeShowList(5)"
    />
    <DxButton
      text="添加协定药品!"
      style="margin:10px"
      @click="changeShowList(6)"
    />
    <CreateDrug v-model:value="showList[0]"></CreateDrug>
    <CreateDrugStadard v-model:value="showList[1]"></CreateDrugStadard>
    <CreateDrugStadardzh v-model:value="showList[2]"></CreateDrugStadardzh>
    <CreateDrugDosage v-model:value="showList[3]"></CreateDrugDosage>
    <CreateDrugTaboo v-model:value="showList[4]"></CreateDrugTaboo>
    <CreateDrugPres v-model:value="showList[5]"></CreateDrugPres>
    <CreateDrugAgree v-model:value="showList[6]"></CreateDrugAgree>
  </div>
</template>

<script lang="ts">
import { Vue, Options } from "vue-property-decorator";
import { DxButton } from "devextreme-vue/button";

import CreateDrug from "./create-drug.vue";
// import CreateDrugStadard from "./create-drug-standard.vue";
import CreateDrugStadardzh from "./create-drug-standardzh.vue";
import CreateDrugDosage from "./create-drug-dosage.vue";
import CreateDrugTaboo from "./create-drug-taboo.vue";
import CreateDrugPres from "./create-drug-pres.vue";
import CreateDrugAgree from "./create-drug-agree.vue";
@Options({
  components: {
    DxButton,
    CreateDrug,
    // CreateDrugStadard,
    CreateDrugStadardzh,
    CreateDrugDosage,
    CreateDrugTaboo,
    CreateDrugPres,
    CreateDrugAgree
  }
})
export default class CreateMiddle extends Vue {
  showList = [false, false, false, false, false, false, false, false, false];
  changeShowList(index: number) {
    this.showList[index] = !this.showList[index];
  }
}
</script>
